<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>axios</title>
</head>

<body>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript">
        /*
            axios请求参数传递
        */
        // axios get请求传参
        // 通过传统的url  以 ? 的形式传递参数
        // axios.get('http://localhost:3000/axios?id=123').then(function (ret) {
        //     console.log(ret.data)
        // })

        // restful 形式传递参数 
        // axios.get('http://localhost:3000/axios/222').then(function (ret) {
        //     console.log(ret.data)
        // })

        // 通过params  形式传递参数 
        // axios.get('http://localhost:3000/axios', {
        //     params: {
        //         id: 111
        //     }
        // }).then(function (ret) {
        //     console.log(ret.data)
        // })


        // axios delete 请求传参
        // axios.delete('http://localhost:3000/axios', {
        //     params: {
        //         id: 444
        //     }
        // }).then(function (res) {
        //     console.log(res.data);
        // });


        // axios 的 post 请求
        // 通过选项传递参数
        // axios.post('http://localhost:3000/axios', {
        //     uname: 'George',
        //     pwd: 123456
        // }).then(function (res) {
        //     console.log(res.data);
        // });

        // // 通过 URLSearchParams  传递参数 
        // var params = new URLSearchParams();
        // params.append('uname', 'linda');
        // params.append('pwd', '98765');
        // axios.post('http://localhost:3000/axios', params).then(function (res) {
        //     console.log(res.data);
        // });

        // axios put 请求传参
        axios.put('http://localhost:3000/axios/123', {
            uname: 'lisi',
            pwd: 123
        }).then(function (ret) {
            console.log(ret.data)
        })

    </script>
</body>

</html>